12. Relative Sizes

Which Element Will Respond?

Which of the following four elements could look great on any device? If you're not sure, feel free to open it up in a browser and see what happens. Make sure you test on several different devices!

<img id="owl">
#owl {
  width: 640px;
  max-width: 100%;
}
SOLUTION: Responsive 

<img class="logo">
.logo {
  width: 125px;
}
SOLUTION: Responsive 

<div class="box"></div>
.box {
  width: 350px;
}
SOLUTION: Not responsive 

<div class="city"></div>
.city {
  width: 100%;
}
SOLUTION: Responsive

Next Concept